﻿@model List<CoffeeShop.Models.Entities.Product>

<div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
    <table id="productTables" class="table table-striped table-bordered table-hover dataTable" aria-describedby="sample-table-2_info">
        <thead>
            <tr role="row">
                <th>Tên sản phẩm
                </th>
                <th>Đơn vị
                </th>
                <th>Đơn giá
                </th>
                <th>Loại sản phẩm
                </th>
                <th>Tình trạng
                </th>
                <th>Ảnh đại diện
                </th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @if (Model != null)
            {
                foreach (var product in Model)
                {
                <tr>
                    <td>@product.Name</td>
                    <td>@product.Unit.Name</td>
                    <td>@product.Price.ToString("#,###")</td>
                    <td>@product.Category.Name</td>
                    @if (product.IsDeleted)
                    {
                        <td><span class="label label-warning arrowed arrowed-righ">Ngưng sử dụng</span></td>
                    }
                    else
                    {
                        <td><span class="label label-info arrowed arrowed-righ">Đang sử dụng</span></td>
                    }
                    <td style="text-align: center">
                        @if (!string.IsNullOrEmpty(product.ImageURL))
                        {
                            <span class="profile-picture">
                                <img class="editable-click" style="height: 60px !important" src="/Image/ProductImage/@product.ImageURL"/>
                            </span>
                            
                        }
                        else
                        {
                            <span class="profile-picture">
                                <img class="editable-click" style="height: 60px !important" src="/Image/CommonImage/Product_NotAvailable.jpg" />
                            </span>
                        }
                    </td>
                    <td class="td-actions">
                        <div class="hidden-phone visible-desktop action-buttons">
                            <a data-toggle="modal" class="green" href="#tblUpdateProduct" onclick="getProductById(@product.ID)">
                                <i class="icon-pencil bigger-130"></i>
                            </a>
                            @if (product.IsDeleted == false)
                            {
                                <a class="red">
                                    <i class="icon-trash bigger-130" onclick="deleteProduct(@product.ID)"></i>
                                </a>
                            }
                        </div>
                    </td>
                </tr>
                }
            }
        </tbody>
    </table>
</div>

<script type="text/javascript">
    $(function () {
        var oTable1 = $('#productTables').dataTable({
            "aoColumns": [
              null, null, null, null, null, null, { "bSortable": false }
            ]
        });
    })

    function showMessageDeleteSuccess() {
        $.gritter.add({
            title: 'Xóa sản phẩm thành công!',
            text: 'Thông tin sản phẩm vừa chọn đã được xóa!',
            time: '1000',
            class_name: 'gritter-success'
        });
        return false;
    }

    function showMessageDeleteError() {
        $.gritter.add({
            title: 'Xóa sản phẩm thất bại!',
            text: 'Xin hãy kiểm tra lại thông tin đã chọn hoặc kết nối với cơ sở dữ liệu!',
            time: '1000',
            class_name: 'gritter-error'
        });
        return false;
    }

    function deleteProduct(productId) {
        bootbox.confirm("Bạn có muốn xóa sản phẩm này không?", function (result) {
            if (result) {
                $.ajax({
                    url: "/Product/DeleteProduct",
                    type: "POST",
                    data: { productId: productId },
                    success: function (result) {
                        if (result == "DeleteSuccessful") {
                            $('.close').click();
                            reloadTable();
                            showMessageDeleteSuccess();
                        }
                        if (result == "FailDeleteProduct") {
                            $('.close').click();
                            showMessageDeleteError();
                        }
                    }
                });
            }
        });
    }
</script>
